#headline
{
    -fx-font-size: 24px;
}

#header
{
    -fx-background-color: #ccc;
}

.root
{
    -fx-background-color: rgb(238,238,238);
       -fx-text-base-color: #000000;
        -fx-font-family: "System";
        -fx-font-size: 11px;
}

Text
{
-fx-font-smoothing-type: lcd;
}

.button
{
    -fx-background-color:
        #707070,
        linear-gradient(#fcfcfc, #f3f3f3),
        linear-gradient(#f2f2f2 0%, #ebebeb 49%, #dddddd 50%, #cfcfcf 100%);
    -fx-background-insets: 0,1,2;
    -fx-background-radius: 3,2,1;
    -fx-padding: 3 15;
    -fx-text-fill: black;
    -fx-font-size: 11px;
}



.button:default
{
    -fx-background-color:
        #3c7fb1,
        linear-gradient(#fafdfe, #e8f5fc),
        linear-gradient(#eaf6fd 0%, #d9f0fc 49%, #bee6fd 50%, #a7d9f5 100%);
    -fx-background-insets: 0,1,2;
    -fx-background-radius: 3,2,1;
    -fx-padding: 3 15;
    -fx-text-fill: black;
    -fx-font-size: 11px;
}

/*******************************************************************************
 *                                                                             *
 * CheckBox                                                                    *
 *                                                                             *
 ******************************************************************************/

.check-box {
    -fx-skin: "com.sun.javafx.scene.control.skin.CheckBoxSkin";
    -fx-label-padding: 0.0em 0.0em 0.0em 0.416667em; /* 0 0 0 5 */
}

.check-box Text {
    -fx-font-smoothing-type: lcd;
}

.check-box:focused {
    -fx-color: -fx-focused-base;
}

.check-box .text {
   -fx-text-fill: -fx-text-background-color;
}

.check-box .box, .check-box:focused .box
{
    -fx-background-color:
        #7C7C7C,
        #FFFFFF,
        linear-gradient(to bottom right, #A0A4A9, #E5E5E5),
        linear-gradient(to bottom right, #BDC5CA, #F5F5F5);

    -fx-background-insets: 0,1,2,3;
    -fx-background-radius: 0;
    -fx-padding: 2.1; /* 3 -- padding from the outside edge to the mark */
}


.check-box:hover .box {
    -fx-color: -fx-hover-base;
}

.check-box:armed .box {
    -fx-color: -fx-pressed-base;
}

.check-box .mark {
    -fx-background-color: transparent;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: 0.333333em; /* 4 -- this is half the size of the mark */
    -fx-shape: "M0,4H2L3,6L6,0H8L4,8H2Z";
}

/* TODO: scale the shape - the problem is that it is not within a square
 * boundary.
 */
.check-box:indeterminate .mark {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-shape: "M0,0H8V2H0Z";
    -fx-scale-shape: false;
}

.check-box:selected .mark {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
}

.check-box:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.check-box:show-mnemonics .mnemonic-underline {
    -fx-stroke: -fx-text-fill;
}


/*******************************************************************************
 *                                                                             *
 * TextField                                                                   *
 *                                                                             *
 ******************************************************************************/
.text-input {
    -fx-text-fill: #000000;
    -fx-highlight-fill: #97BDFF;
    -fx-highlight-text-fill: #000000;
}

.text-field {
         -fx-skin: "com.sun.javafx.scene.control.skin.TextFieldSkin";
         -fx-background-color:
                linear-gradient(to bottom,  #9A9DA3 0%, #DBE3EB 100%),
                #FFFFFF;

         -fx-background-insets:
                0,
                1;

         -fx-background-radius: 2;

         -fx-padding: 3 5 3 5;
         -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
         -fx-cursor: text;
     }


.text-field Text {
    -fx-font-smoothing-type: lcd;
}

.text-field:focused
{
     -fx-background-color:
                linear-gradient(to bottom, #678AAF 0%, #7599BF 100%),
                linear-gradient(to bottom, #B2C5D8 0%, #CBDEF2 100%),
                #F2F2F2,
                #FFFFFF;

         -fx-background-insets:
                0,
                1 1 1 1,
                2 2 2 2,
                3 2 2 2;

         -fx-background-radius: 0;
}

.text-field:disabled {
    -fx-opacity: -fx-disabled-opacity;
}



 /*******************************************************************************
  *                                                                             *
  * PopupMenu                                                                   *
  *                                                                             *
  ******************************************************************************/

.context-menu {
  /*  -fx-skin: "com.software4java.javafxnativethemes.mac.MacContextMenuSkin";*/
    -fx-background-color: #9B9796,#F0F0F0,#E0E1E1,white,#F0F0F0;
    -fx-background-insets: 0,1, 1 1 1 30, 1 1 1 31,1 1 1 32;
    -fx-background-radius: 0;
    -fx-padding: 4 2 4 2;
}

.context-menu .separator {
    -fx-padding: 2 0 0 29;
}

.menu-item{
     -fx-padding: 5 20 5 34;
     -fx-font-size: 11px;
     -fx-font-family: Arial;

}

.menu-item .label
{
    -fx-text-fill: black;
}

.menu-item:focused .label
{
     -fx-text-fill: black;
}

.menu-item:focused  {
    -fx-background-color:
        #A8D8EB,
        white,
        linear-gradient(#E7EFF3,#DBECF3);
    -fx-background-insets: 0,1,2;
    -fx-background-radius: 4,3,2;

}

.separator .line {
     -fx-border-color: null;
}

.separator:horizontal .line {
    -fx-background-color: #E1E1E1, #FFFFFF;
    -fx-background-insets: 0, 1 0 0 0;
    -fx-padding: 2 0 0 29;

}




